body{
	/* 背景复合属性：路径地址：相对路径+图片全称 */
	background: url(../img/背景图.jpg) no-repeat;
	/* 背景图尺寸属性：数值px|%  宽度X 高度Y */
	background-size: 100% 3078px;
	}
#ren{
	width:1500px;
	height:2300px;
	bor der:1px solid red;
	/* 背景图 */
	background:url(../img/0.jpg) no-repeat;
	/* 背景图占满整个熊空间 */
	background-size: 100% 100%;
	/* 微调定位 */
	position:relative;
	top: 55px;
	left: 2093px;
	/* 启动动画 */
	animation: ren 10s linear infinite;
}
@keyframes ren{
		0%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/0.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
	4.8%{
		/* 第一组动画：必须熊原始位置 */
		background:url(../img/1.jpg) no-repeat;
		/* 背景尺寸 */
		background-size: 100% 100%;
		top: 55px;
		left: 2093px;
	}
6.2%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/2.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
7.6%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/3.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
9%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/4.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
10.4%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/5.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
11.8%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/6.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
13.2%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/7.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
14.6%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/8.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
16%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/9.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
17.4%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/10.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
18.8%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/11.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
20.2%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/12.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
21.6%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/13.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
23%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/14.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
24.4%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/15.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
25.8%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/16.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
27.2%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/17.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
		28.6%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/18.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
	30%{
		/* 第一组动画：必须熊原始位置 */
		background:url(../img/19.jpg) no-repeat;
		/* 背景尺寸 */
		background-size: 100% 100%;
		top: 55px;
		left: 2093px;
	}	
		31.4%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/20.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
		32.8%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/21.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
		34.2%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/22.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
		35.6%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/23.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
		37%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/24.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
		38.4%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/25.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
		39.8%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/26.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
		41.2%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/27.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
		42.6%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/28.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
		44%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/29.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
		45.4%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/30.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
		46.8%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/31.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
		48.2%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/32.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
		49.6%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/33.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
		51%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/34.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
		52.4%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/35.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
		53.8%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/36.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
		55.2%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/37.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
		56.6%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/38.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
		58%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/39.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
		59.4%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/40.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
		60.8%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/41.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
		62.2%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/42.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
		63.6%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/43.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
		65%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/44.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
		66.4%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/45.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
		67.8%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/46.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
		69.2%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/47.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
		70.6%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/48.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
		72%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/49.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
		73.4%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/50.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
		74.8%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/51.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
		76.2%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/52.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
		77.6%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/53.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
		79%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/54.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
		80.4%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/55.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
		81.8%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/56.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
		83.2%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/57.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
		84.6%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/58.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
		86%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/59.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
		87.4%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/60.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
		88.8%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/61.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
		90.2%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/62.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
		91.6%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/63.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
		93%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/64.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
		94.4%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/65.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
		95.8%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/66.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
		97.2%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/67.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
		98.6%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/68.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}
		100%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/69.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: 55px;
			left: 2093px;
		}}
		#jiandao{
				width:1000px;
				height:1000px;
				/* 背景图 */
				background:url(../img/剪刀.jpg) no-repeat;
				/* 背景图占满整个熊空间 */
				background-size: 100% 100%;
				/* 微调定位 */
				position:relative;
				top: -2500px;
				left: 400px;
				/* 启动动画 */
				animation: jiandao 1s linear infinite;
				transform:rotate(0deg)  ;
			}
	@keyframes jiandao{
		0%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/剪刀.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: -2500px;
			left: 400px;transform:rotate(360deg);
			}
			25%{
						/* 第一组动画：必须熊原始位置 */
						background:url(../img/剪刀.jpg) no-repeat;
						/* 背景尺寸 */
						background-size: 100% 100%;
						top: -2500px;
						left:400px;
						transform:rotate(360deg);
			}
		50%{
				/* 第一组动画：必须熊原始位置 */
				background:url(../img/剪刀.jpg) no-repeat;
				/* 背景尺寸 */
				background-size: 100% 100%;
				top: -2500px;
				left: 400px;
			}
75%{
					/* 第一组动画：必须熊原始位置 */
					background:url(../img/剪刀.jpg) no-repeat;
					/* 背景尺寸 */
					background-size: 100% 100%;
					top: -2500px;
					left:400px;
		}
		100%{
					/* 第一组动画：必须熊原始位置 */
					background:url(../img/剪刀.jpg) no-repeat;
					/* 背景尺寸 */
					background-size: 100% 100%;
					top: -2500px;
					left:400px;
		}
		}
#xiaoji{
	width:500px;
	height:500px;
	/* 背景图 */
	background:url(../img/小鸡.jpg) no-repeat;
	/* 背景图占满整个熊空间 */
	background-size: 100% 100%;
	/* 微调定位 */
	position:relative;
	top: -2500px;
	left: 4000px;
	/* 启动动画 */
	animation: xiaoji 10s linear infinite;
}
@keyframes xiaoji{
		0%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/小鸡.jpg) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: -2500px;
			left: 4000px;
			}
			25%{
						/* 第一组动画：必须熊原始位置 */
						background:url(../img/小鸡.jpg) no-repeat;
						/* 背景尺寸 */
						background-size: 100% 100%;
						top: -2800px;
						left:3800px;
			}
		50%{
				/* 第一组动画：必须熊原始位置 */
				background:url(../img/小鸡.jpg) no-repeat;
				/* 背景尺寸 */
				background-size: 100% 100%;
				top: -2500px;
				left: 4000px;
			}
75%{
					/* 第一组动画：必须熊原始位置 */
					background:url(../img/小鸡.jpg) no-repeat;
					/* 背景尺寸 */
					background-size: 100% 100%;
					top: -3000px;
					left:4200px;
		}
		100%{
					/* 第一组动画：必须熊原始位置 */
					background:url(../img/小鸡.jpg) no-repeat;
					/* 背景尺寸 */
					background-size: 100% 100%;
					top: -2500px;
					left:4000px;
		}
		}